<!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
        *{
            top:0px;
            left: 0px;
            margin: 0px;
            border: 0px;
            padding: 0px;
            overflow-x:hidden;
            overflow-y:hidden
        }
        #full{
            background-color: darkviolet ;
            border: 2px solid black;
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        }
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <title>Title</title>
    <script type="text/javascript" src="/static/jquery-3.4.1.js"></script>
</head>
<body>
    <div id="full"></div>
<script type="text/javascript">
        const width = document.documentElement.clientWidth;
        const height = document.documentElement.clientHeight;
        var screen_width = width;
        if (width < height) {
            screen_width = height;
            const contentDOM = document.getElementById('lin_list_1');
            contentDOM.style.width = height + 'px';
            contentDOM.style.height = width + 'px';
            contentDOM.style.top = (height - width) / 2 + 'px';
            contentDOM.style.left = 0 - (height - width) / 2 + 'px';
            contentDOM.style.transform = 'rotate(90deg)';
        }
        const evt = "onorientationchange" in window ? "orientationchange" : "resize";
        window.addEventListener(evt, function () {
        if (window.orientation === 90 || window.orientation === -90) {
        screen_width = height;
        contentDOM.style.width = height + 'px';
        contentDOM.style.height = width + 'px';
        contentDOM.style.top = '0px';
        contentDOM.style.left = '0px';
        contentDOM.style.transform = 'none';
        }else{
        screen_width = height;
        contentDOM.style.width = height + 'px';
        contentDOM.style.height = width + 'px';
        contentDOM.style.top = (height - width) / 2 + 'px';
        contentDOM.style.left = 0 - (height - width) / 2 + 'px';
        contentDOM.style.transform = 'rotate(90deg)';}
        }, false)

    {#$(document).ready(function () {#}
    {#    $("#full").css("width",(width-3).toString()+"px")#}
    {#    $("#full").css("height",(height-3).toString()+"px")#}
    //})
</script>
</body>
</html>